/**
 * Created by 李海强1 on 2016/10/13.
 */

Ext.define('UDZ.view.personal.Regist', {  //定义类名与Main.js相同
    extend: 'Ext.Panel',
    xtype: 'regist',
    requires: [
        // 'Ext.TitleBar'
    ],
    config: {
        xtype:'panel',
        fullscreen:true,
        cls:'regist',
        items:[
            {
                xtype:'panel',
                height:'100%',
                cls:'bg',
                layout:{
                    type:'vbox'
                },
                items:[
                    {
                        xtype:'panel',
                        height:'20%',
                        // layout:{
                        //     type:'vbox'
                        // },
                        items: [
                            {
                                xtype:'panel',
                                height:'40%',

                                style:'text-align: center;',
                                // cls:'login_regist_header',
                                items:[
                                    {
                                        // flex:1,
                                        xtype:'image',
                                        cls:'regist_back',
                                        src:'resources/images/back.png',
                                        id:'regist_go_back',
                                        html:[
                                            '<span style="display: block;width: 50px;height:50px;border-radius:50%;background: rgba(255, 215, 109, 0.45)"></span>'
                                        ]
                                    },
                                    {
                                        html:'注册',
                                        cls:'regist_font'
                                    }
                                ]
                            }
                        ]
                    },
                    {
                        height:'80%',
                        xtype:'panel',
                        cls:'login_regist_form_panel',
                        items:[
                            {
                                xtype:'formpanel',
                                cls:'regist_form_cls',
                                id:'regist_form',
                                scrollable:false,
                                height:220,
                                // defaults:{
                                //     labelWidth:'28%'
                                // },
                                items:[
                                    {
                                        xtype:'textfield',
                                        name:'userName',
                                        placeHolder:'数字字母下划线',
                                        required:true,
                                        clearIcon:true,
                                        cls:'regist_userId ',

                                    },
                                    {
                                        xtype:'passwordfield',
                                        name:'userPassword',
                                        placeHolder:'请设置6~16位密码',
                                        required:true,
                                        clearIcon:true,
                                        cls:'regist_userPassword'
                                    },
                                    {
                                        xtype:'textfield',
                                        name:'userPhone',
                                        placeHolder:'请输入手机号',
                                        required:true,
                                        clearIcon:true,
                                        cls:'regist_userTel '
                                    }
                                ]
                            },
                            {
                                xtype:'button',
                                text:'注册',
                                cls:'login_regist_btn',
                                id:'btn_regist'
                            },
                            {
                                xtype:'panel',
                                style:'margin-top:20px',
                                items:[
                                    {
                                        xtype:'panel',
                                        html:'已有帐号去登录?',
                                        cls:'go_login',
                                        id:'regist_go_login'
                                    }
                                ]
                            }

                        ]
                    }
                ]
            }
        ]

    }
});
